<template>
  <div>
    <el-aside width="200px"  style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']"  @select="handleSelect">
        <el-menu-item index="/films">
          <i class="el-icon-menu"></i>
          <span slot="title">影片管理</span>
        </el-menu-item>
        <el-menu-item index="/class">
          <i class="el-icon-menu"></i>
          <span slot="title">分类管理</span>
        </el-menu-item>
        <el-menu-item index="/years">
          <i class="el-icon-menu"></i>
          <span slot="title">年代管理</span>
        </el-menu-item>
        <el-menu-item index="/comments">
          <i class="el-icon-menu"></i>
          <span slot="title">评论管理</span>
        </el-menu-item>
        <el-menu-item index="/scores">
          <i class="el-icon-menu"></i>
          <span slot="title">评分管理</span>
        </el-menu-item>
        <el-menu-item index="/orders">
          <i class="el-icon-menu"></i>
          <span slot="title">订单管理</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
  </div>
</template>
<script>
export default {
  name: "Left",
  data() {
    return {
      }
  },
  methods: {
    handleSelect(key) {
      console.log(key);
      this.$router.push(key)

    },
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  },
  created(){
  }

}
</script>
<style>
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
</style>
